<template>
  <div>
    <div class="Feature">
      <div class="Feature_title">
        <span class="Feature_title_span1">视频</span>
        <span class="Feature_title_span2">查看更多</span>
      </div>
      <p>越穿用，越了解，越感舒适。</p>
      <video controls
             src="https://mujipywebblob.blob.core.chinacloudapi.cn/oms28306/3f7c478e-61e7-4a9d-8a0c-4ee9b49699ea.mp4"></video>
    </div>
  </div>
</template>

<script>
export default {
  name: "Video",
  data() {
    return {}
  },
  mounted() {

  },
  methods: {}
}
</script>

<style lang="less" scoped>
.Feature {
  width: 78%;
  margin: 0 auto;

  .Feature_title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2%;
    margin-top: 2%;

    .Feature_title_span1 {
      font-size: 21px;
      color: black;
      font-weight: bold;
    }

    .Feature_title_span2 {
      font-size: 16px;
      color: #60b3fa;
      font-weight: bold;
    }
  }

  p {
    font-size: 15px;
    color: #686767;
    font-weight: bold;
    margin-bottom: 3%;
  }

  video {
    width: 100%;
    margin-bottom: 10vh;
  }
}
</style>